﻿/*
作者：XiaoFeng
地址：http://luckyhai.com/
邮箱：284204003@qq.com
*/
body{margin:0px;padding:0px;overflow-x: hidden;font: 14px "Microsoft Yahei", "宋体", "Arial Narrow", HELVETICA;width: 100%;background-image:url(../include/bj.jpg);background-size: cover;background-position:center;background-attachment:fixed;background-repeat: repeat;}
a{text-decoration: none;color:#000000}
a:hover{text-decoration: none;color: #FF0000;CURSOR: url(img/a.cur),progress;}
img{max-width: 100%;border:none;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd{margin:0px;padding:0px;}
input{background: #F5F5F5;}
.fl{float:left;}
.clear:after{clear:both;}
.clear{clear:both;}
li{list-style-type: none;}
/*导航高亮*/
#menu-sidebar_menu .current-menu-item {border-radius: 5px;background: #169FE6;}
#menu-sidebar_menu .current-menu-item a:hover {border-radius: 5px;background-color: #169FE6;}
#menu-sidebar_menu .current-menu-item a:hover {border-radius: 5px;color: #fff;}
/*pjax时候的加载框*/
.pjax_loading {position: fixed;top: 0;left: 0;z-index: 999999;display: none;width: 100%;height: 100%;background-color: #4c4c4c;opacity: 0.3;background: url('img/wpgo_loading.gif') #4c4c4c 50% 50% no-repeat;}
/*精美小图标font-awesome,地址：http://fortawesome.github.io/Font-Awesome/icons/  */
@font-face {font-family: 'FontAwesome';src: url('fonts/fontawesome-webfont.eot?v=4.3.0');src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.fa-hand-o-right:before {content: "\f0a4";}
.fa-arrow-down:before {content: "\f063";}
.fa-hand-o-left:before {content: "\f0a5";}
.fa-hand-o-right:before {content: "\f0a4";}
.fa-book:before {content: "\f02d";}
.fa-tags:before {content: "\f02c";}
.fa-user:before {content: "\f007";}
.fa-clock-o:before {content: "\f017";}
.fa-eye:before {content: "\f06e";}
.fa-comment:before {content: "\f075";}
.fa-bookmark:before {content: "\f02e";}
.fa-th-list:before {content: "\f00b";}
/* 分页 */
.pagenav {padding: 2px 0 10px; margin-top: 20px; text-align: center; border-radius: 5px;  filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.pagenav .c-nav {width: 60px; }
.pagenav a {-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;color: #FFF; height: 32px; width: 35px; font-size: 14px; margin: 7px 7px 0 0; background-color: #4C4C4C; display: inline-block; text-align: center; line-height: 32px;}
.pagenav a:hover {color: #FFF;background-color: #169FE6;}
.pagenav .on {background-color: #169FE6; }
#comments .pagebar {text-align: center; margin: 20px; }
#comments .pagebar a, #comments .pagebar span {-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;padding: 2px 8px; color: #FFF; display: inline-block; background-color: #4C4C4C; }
#comments .pagebar a:hover, #comments .pagebar .on { background-color: #169FE6; }
/* 其他自定义 */
#bdcs{  position: relative;top: 15px;}
#title{text-align: center;}
#commentpostad{overflow: hidden;}
#ad{text-align: center;overflow: hidden;}
#gonggao{color: #FFFFFF;line-height: 40px;overflow: hidden;border-radius: 5px;background: #333333;margin: 8px auto;clear: both;width: 92%;margin-right: auto;margin-bottom: 10px;margin-left: auto;padding: 0px;}
#gonggao .gg{padding-left: 20px;}
#foot{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;  background: rgba(255, 255, 255, 0.8) !important;width: 92%;box-shadow: 0 3px 10px rgba(34,25,25,0.4);line-height: 20px;margin-right: auto;margin-left: auto;margin-top: 16px;padding: 0px;border-radius: 5px;text-align: center;}
#links{margin: 20px 0 0 0;width: 92%;margin-bottom: 4px;box-shadow: 0 3px 10px rgba(34,25,25,0.4);line-height: 20px;margin-right: auto;margin-left: auto;padding: 0px;border-radius: 5px;background: rgba(255, 255, 255, 0.66) !important;-moz-opacity: 0.98;-khtml-opacity: 0.98;opacity: 0.98;}
#linkss{margin-left: 12px;padding-bottom: 6px;}
#links li {display: inline-block;line-height: 25px;padding-right: 10px;padding-left: 10px;}
#links h3{text-align: center;margin-bottom: 6px;padding-top: 10px;}
/* 评论框相关属性 */
#comments .plkglt .plkgltbogy .msgname{display: inline;}
#comments h5 {font-size: 1.125em;font-weight: normal;line-height: 50px;}
#comments{margin-top: 15px; padding-bottom:10px;}
#random strong h3{font-size: 18px;}
#comments h3,#comments h4,#random h3{font-size: 1.125em;line-height: 30px;font-weight: normal;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dddddd;}#read h3
#comment h4 span{float:right;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify{padding-left: 5px;border: 1px solid #ddd;height: 30px;padding-top: 0px;padding-right: 5%;padding-bottom: 0px;line-height: 30px;float: left;margin-right: 10px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;width: 42%;}
.commentpost label{height:30px;overflow:hidden;float:left;line-height:30px;margin:0px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;border-top-width: 1px;border-right-width: 0;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dddddd;border-right-color: #dddddd;border-bottom-color: #dddddd;border-left-color: #dddddd;clear: left;}
#txaArticle{width:96%;height:120px;border:1px solid #ddd;padding:2%;background-color: #F5F5F5;}
#frmSumbit p{padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;line-height: 30px;}
#frmSumbit .button{color: #FFFFFF;background-color: #87CEEB;height: 30px;width: 100px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;margin-right: 15px;border-radius: 3px;}
.plk .msgarticle .plk .msgname .dot{font-size: 1.875em;float: right;margin-left: 15px;font-weight: 700;color: rgba(176, 176, 176, 0);}
.msgname .dot{font-size: 1.875em;color: rgba(176, 176, 176, 0.66);float: right;margin-left: 15px;font-weight: 700;}
.plk .plkimg{clear: left;float: left;margin-right: 15px;padding: 2px;}
.plkglt .msgarticle{line-height: 16px;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-size: 1em;}
#comments .plk{font-size: 1em;border: 1px solid #dddddd;margin-top: 15px;padding: 9px;}
.plk .msgarticle{line-height: 20px;color: #666666;font-size: 1em;}
.plk .msgarticle .plk{background-color:#f4f4f4;border: 1px solid #eeeeee;font-size: 1em;}
/* head相关属性 */
#head #logo{text-align: center;  position: relative;top: 45px;}
#banner{width: 100%;height: 150px;}
#BlogTitle{font-size:2.8em;font-weight:normal;line-height:1.5em;text-shadow: 5px 5px 5px #cccccc;position: relative;top: 38px;text-align: center;color: #FFFFFF;}
#BlogSubTitle{color:#ffffff; font-size:1.0em;font-weight:normal;line-height:1.5em;position: relative;top: 42px;text-align: center;}
/* 导航相关属性 */
.menu-sidebar_menu-container{line-height: 60px;}
.menu-sidebar_menu-container ul li{float: left;}
.menu-sidebar_menu-container{width: 92%;padding-left: 4%;font-size:14px;border-radius: 5px;font-weight:700;background-color: #333333;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding: 0px;z-index:1;position: relative;}
.menu-sidebar_menu-container ul{line-height: 40px;overflow: hidden;}
/*需要下拉的话，把下面的8%改成100px即可*/
#header .menu li a{color:#FFFFFF;}
#header .menu li a:hover{color:#FF0A1B;}
#header .menu li,#header .menu li a{border-right-width: 1px;border-right-style: solid;border-right-color: #222;width: 86px;}
#header .menu li a{margin:0;height:37px;text-align:center;text-decoration:none;font-size:14px;line-height:37px;}
#header .menu .sub-menu{position:absolute;top:37px;left:0;z-index:10;display:none;}
#header .menu .sub-menu li{margin:0;}
#header,.wrap{position:relative;margin:0 auto;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.clearfix{display:inline-block;}
.clearfix{display:block;}
#mobile-nav{position:fixed;top:0;z-index:1000;display:none;padding:10px 0 0 0;width:100%;border-bottom:1px solid rgba(0,0,0,.8);background:#242628;background-image:linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-o-linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-moz-linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-webkit-linear-gradient(bottom,#141617 1%,#222426 100%);background-image:-ms-linear-gradient(bottom,#141617 1%,#222426 100%);box-shadow:0 4px 3px rgba(0,0,0,.2);text-align:center;}
#mobile-nav h1,#mobile-nav h2{position: relative;top: -4px;color:#FFF;text-shadow:1px 1px 0 #000;font-weight:700;font-size:24px;font-family:"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;}
#mobile-nav h1 a,#mobile-nav h2 a{color: #FFF;}
#mobile-nav .menu-trigger{position:absolute;top:-5px;left:0;width:48px;height:48px;background:url(img/menu_trigger.png) no-repeat center;}
.mobile-menu-wrap{position:fixed;top:0;left:0;display:none;overflow-y:auto;width:199px;height:100%;border-right:1px solid rgba(0,0,0,.3);background:#2b2e30;}
.mobile-menu-wrap .mobile-menu li a,.mobile-menu-wrap .mobile-menu li a:visited{display:block;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.7);color:#FFF;text-shadow:1px 1px 0 #000;font-weight:700;font-size:14px;font-family:"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;}
.mobile-menu-wrap .mobile-menu li a:hover{background-color:#2b2e30;background-image:linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-o-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-moz-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-webkit-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-ms-linear-gradient(bottom,#2b2e30 1%,#323638 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.01,#2b2e30),color-stop(1,#323638));}
.mobile-menu-wrap .mobile-menu li a:active{background-color:#2b2e30;background-image:linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-o-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-moz-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-webkit-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-ms-linear-gradient(bottom,#2b2e30 1%,#222426 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.01,#2b2e30),color-stop(1,#222426));}
.mobile-menu-wrap .mobile-menu li .sub-menu li a{padding:12px 20px 14px 40px;font-size:12px;}
#header,.mobile-menu-wrap,#mobile-nav,.wrap{left:0;-webkit-transition:left .3s;-moz-transition:left .3s;transition:left .3s;}
.mobile-menu-wrap{left:-200px;z-index: 100;margin-top: 38px;}
.mobile-menu-left{left:0;z-index: 100;margin-top: 38px;}
.menu-sidebar_menu-container ul li{float:left;border-right-width: 1px;border-right-style: solid;border-right-color: #222;width: 8%}
.menu-sidebar_menu-container ul li a{display:block;text-align:center;line-height: 40px;color: #FFFFFF;}
.menu-sidebar_menu-container li ul{line-height: 35px;list-style-type: none;left: -999em;position: absolute;width: 100px;padding-top: 0px;overflow: visible;}
.menu-sidebar_menu-container  li ul li{float: left;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;background-color: #333333;border-bottom-style: solid;border-bottom-color: #111111;}
.menu-sidebar_menu-container li ul li a{display: block;text-align:center;width: 100px;padding: 0px;background-image: none;line-height: 40px;height: 40px;font-weight: normal;}
.menu-sidebar_menu-container li ul a:hover{color:#ffffff;text-decoration:none;font-weight:normal;background-color: #333333;}
.menu-sidebar_menu-container li:hover ul{left: auto;}
.menu-sidebar_menu-container li.sfhover ul{left: auto;}
.menu-sidebar_menu-container li a:hover,.menu-sidebar_menu-container li a.on{color: #FFFFFF;}
/* 头像特效 */
#comments .plkimg a img{display:block; border-radius:5px; box-shadow:0 0 3px rgba(0, 0, 0, 0.6); -webkit-transition:0.4s ease-in; -moz-transition:0.4s ease-in; -o-transition:0.4s ease-in; -ms-transition:0.4s ease-in; transition:0.4s ease-in;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;height: 42px;width: 42px;}
#comments .plkimg a:hover img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }
/* 作者、文章发布时间、阅读数、评论数、标签 */
.post-meta{ font-size:13px; color:#888; position: relative;top: 5px;}
.post-meta a{ color:#888; }
.post-meta a:hover{ color:#67A611; }
.post-meta i{ color:#999; margin-right:3px; }
.muted{margin-right: 12px;}
.muteds{margin-right: 12px;}
#post .post-footer .tags li a{color: #888;}
.readmore{ background:#fafafa; padding:0 6px; border:1px #e4e4e4 solid; border-radius:3px; }
.tags{float:left;position: relative;top: 17px;font-size: 13px;  color: #888;}
.readmore{float:right;  position: relative;   top: 15px;}
.post-footer{display:block; line-height:22px; padding:0 4px; clear:both; }
.post .post-footer{font-size:13px; height:22px; }
.post-new, .post-sticky{background-image:url(img/icons-sprite.png); background-repeat:no-repeat; }
.post-new{background-position:-1px -41px; float:right; display:inline; width:50px; height:50px; margin-right:-11px; margin-top:-9px; }
.post-sticky{ background-position:-57px -41px; float:right; display:inline; width:50px; height:50px; margin-right:-20px; margin-top:-10px; }
/* 文章版权相关属性 */
.post-copyright{ padding:8px 0px;clear:both; overflow:hidden; }
#copy-info{border:1px solid rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.1); position:relative; padding:8px 10px 6px 10px;}
#copy-info p{ line-height:1.7em; }
/* 文章内容相关属性 */
#info{left:0;-webkit-transition:left .3s;-moz-transition:left .3s;transition:left .3s;width: 92%;margin-right: auto;margin-bottom: 10px;margin-left: auto;padding: 0px;  position: relative;z-index: 0;}
#info #left{width: 72%;float: left;}
#left #post,#left #neir,#comments{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;  background: rgba(255, 255, 255, 0.8) !important;margin-bottom: 10px;border-radius: 5px;padding-top: 10px;padding-right: 20px;padding-left: 20px;background:#FFFFFF \9; /*IE8 背景色*/ *background:#FFFFFF; /*IE7 背景色*/ _background:#FFFFFF; /*IE6 背景色*/background: #F5F5F5;word-wrap:break-word;}
#left #post{padding-top: 12px;padding-bottom: 25px;}
#left #place{line-height: 40px;height: 40px;border-radius: 5px;padding-left: 20px;color:#FFFFFF;background: #333333;margin-bottom: 10px;}
#left #place a{color:#FFFFFF;}
#post dd i img{width: 140px;height: 100px;float: left;margin-right: 20px;padding: 2px;border: 1px solid #dddddd;border-radius: 5px;clear: left;}
#post dt h2{font-size: 1.3em;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#post dd{position: relative;top:8px;margin-bottom: 10px;}
#post dd p{font-size: 1em;line-height: 25px;overflow: hidden;}
#post small{font-size: 13px;color: #999999;white-space: nowrap;}
#post dt span a{color: #ffffff;}
#post dt span{margin-right: 12px;font-size: 12px;background-color: #C33333;float: left;padding-top: 0px;padding-right: 7px;padding-bottom: 0px;padding-left: 7px;line-height: 24px;height: 24px;}
#info #right{width: 340px;float: right;overflow: hidden;}
#right dl{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;  background: rgba(255, 255, 255, 0.8) !important;margin-bottom: 10px;border-radius: 3px;padding: 20px;background:#FFFFFF \9; /*IE8 背景色*/*background:#FFFFFF; /*IE7 背景色*/_background:#FFFFFF; /*IE6 背景色*/background: #F5F5F5;overflow: hidden;}
#right dl dt{font-size: 1.25em;line-height: 30px;height: 30px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dddddd;margin-bottom: 5px;padding-bottom: 2px;}
#right dl  ul li{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #edecec;line-height: 20px;padding-top: 7px;padding-bottom: 7px;overflow: hidden;text-overflow: ellipsis;}
#right dl  ul li a{  position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-left: 0px;-webkit-transition: margin-left 0.2s ease-in;-moz-transition: margin-left 0.2s ease-in;-o-transition: margin-left 0.2s ease-in;-ms-transition: margin-left 0.2s ease-in;transition: margin-left 0.2s ease-in;}
#left #neir{padding-top: 10px;padding-bottom: 1px;}
#title h1{font-size: 1.5em;font-weight: normal;text-shadow: 0 1px 0 #ddd;}
#title p{font-size: 0.875em;color: #999999;}
#neir #zi{font-size: 1.125em;line-height: 1.8;height: auto;border-top: 1px solid #949494;position: relative;top: 15px;}
#zi p{margin-top: 0.5em;margin-bottom: 0.5em;}
#zi p a{color: #0088dd;}
#zi p a[target*="_blank"]:after{ content:url(img/icon_link.png); margin:0 3px;}
#zi p a:hover{color: #0088dd;font-weight:bold;}
#zi img{border: 1px solid #9EAA99; border-radius: 3px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
#zi blockquote{border:1px #d0d4c8 dashed;background:#F2F6FA url(img/blockquote.gif) 5px 3px no-repeat;padding:8px 12px 8px 36px;}
#zi blockquote p{padding:8px 0;line-height:26px;text-indent:0em;text-align:justify;text-justify:inter-ideograph;color:#2A2A2A; }
#read ul{margin-left: 10px;}
#read ul li span{margin-right: 10px;}
#read{margin-top: 20px;background: url(../style/img/blockquote.gif) #F0F0F5 no-repeat;border: 1px #ccc dashed;border-radius: 5px;margin-bottom: 8px;padding: 0 0px 2px 23px;}
#read h3{font-size: 1.125em;line-height: 30px;margin-left: 6px;margin-top: 6px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dddddd;}
#neir #next{font-size: 1.125em;margin-bottom: 6px;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}
#neir #next ul li{line-height:28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#neir #random{margin-top: -6px;height: 240px;}
#random ul{float: left;width: 50%;}
#random ul li,#read ul li{font: normal normal normal 14px/1 FontAwesome "Microsoft Yahei", "宋体", "Arial Narrow";line-height: 20px;padding-top: 7px;padding-bottom: 7px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
#random ul li span,#read ul li span{color: #999999;float: right;}
/* 侧栏相关属性 */
#right dl.widget header{font-size: 14px;line-height: 32px;font-weight: 700;color: #C33333;height: 32px;overflow: hidden;padding-right: 9px;border-bottom: solid;border-top: solid;text-align: center;}
#right .divLinkage ul li{display:inline-block; verticle-align:top;width: 50%;}
#right .celan ul li{text-align: center;}
#right .divStatistics ul li{display:inline-block; verticle-align:top;width: 50%;}
#right .divCatalog ul li{display:inline-block; verticle-align:top;width: 50%;}
#right .divArchives ul li{display:inline-block; verticle-align:top;width: 50%;}
#right .divfenlei ul li{display:inline-block; verticle-align:top;width: 50%;}
#right .celan ul li{display:inline-block; verticle-align:top;width: 50%;}
#right dl #tbCalendar{width: 100%;line-height: 30px;}
#tbCalendar td{text-align: center;}
@media screen and (max-width: 600px){
body{background: #87CFEB;}
#head{padding: 0px;position: relative;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
header{display: block;width: 100%;height: 40px;margin-bottom: 5px;left: 0px;top: 0px;background-color: #87CEEB;;}
.post-copyright,.pview,.pcomm,.post-footer,#read ul li span,#post dt span{display:none; }
#nav,#ad,#gonggao,#banner,#nav,#fenxiang,#post .post-meta .muteds{display:none;}
#head #BlogTitle{text-align: center;width: 92%;margin-right: 2%;margin-left: 2%;padding-right: 2%;padding-left: 2%;border-radius: 5px;margin-top: 5px;margin-bottom: 0px;background-color: #FFFFFF;}
#info{left:0;-webkit-transition:left .3s;-moz-transition:left .3s;transition:left .3s;width: 100%;padding: 0px;margin: 0px;}
#info #left{width: 96%;padding-top: 10px;padding-right: 2%;padding-left: 2%;clear: left;overflow: hidden;}
#post dd i img{display:none;}
#post dd p{font-size: 1em;line-height: 22px;overflow: hidden;height: 66px;}
#post small{font-size: 0.875em;color: #999999;white-space: normal;}
#post dt h2{font-size: 1.2em !important;}
#header{padding: 2px 0 36px;text-align:center;}
.menu-sidebar_menu-container ul li{float: none;border-right-width: inherit;border-right-style: none;border-right-color: #333333;width: inherit;}
#menu-sidebar_menu-1 .sub-menus{position: static;background-color: #4F4747;width: 100%;}
#menu-sidebar_menu-1 .sub-menus li{margin-left: 66px;}
#menu-sidebar_menu-1 .sub-menus li a{    font-weight: 700;border-top: 0px solid rgba(255,255,255,.1);border-bottom: 0px solid rgba(0,0,0,.7);}
}
@media screen and (max-width: 980px) {#info{width: 100%;padding: 0px;margin: 0px;}
#right,#gonggao,.post-copyright,#banner,#nav{display:none;}
#info #left{width: 96%; margin-top: 0;}
#head{padding: 0px;position: relative;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
header{display: block;width: 100%;height: 40px;margin-bottom: 5px;left: 0px;top: 0px;background-color: #87CEEB;;}
#head #logo{text-align: center;width: 92%;margin-right: 2%;margin-left: 2%;padding-right: 2%;padding-left: 2%;border-radius: 5px;margin-top: 5px;margin-bottom: 0px;background-color: #FFFFFF;}
#info #left{width: 96%;padding-top: 10px;padding-right: 2%;padding-left: 2%;clear: left;overflow: hidden;}
#foot{font-size: 1em;line-height: 20px;background-color: #FFFFFF;text-align: center;width: 96%;padding-right: 2%;padding-left: 2%;border-top-width: 1px;border-top-style: solid;border-top-color: #9B9DA7;}
.menu-sidebar_menu-container ul li{float: none;border-right-width: inherit;border-right-style: none;border-right-color: #333333;width: inherit;}
.menu-sidebar_menu-container ul li{float: none;text-align: center;}
.logo,.nav{display:none!important;}
.mobile-menu-wrap,#mobile-nav{display:block!important;}
}
@media screen and (min-width: 981px) and (max-width: 1300px)
{#info #left{width: 61%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1000px) and (max-width: 1030px)
{#info #left{width: 62%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1031px) and (max-width: 1060px)
{#info #left{width: 63%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1061px) and (max-width: 1090px)
{#info #left{width: 64%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1091px) and (max-width: 1120px)
{#info #left{width: 65%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1121px) and (max-width: 1150px)
{#info #left{width: 66%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1151px) and (max-width: 1180px)
{#info #left{width: 67%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1181px) and (max-width: 1210px)
{#info #left{width: 68%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1211px) and (max-width: 1240px)
{#info #left{width: 69%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1241px) and (max-width: 1270px)
{#info #left{width: 69%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1271px) and (max-width: 1280px)
{#info #left{width: 70%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1281px) and (max-width: 1300px)
{#info #left{width: 70%; margin-top: 0;}#info #right{width: 340px;}}
@media screen and (min-width: 1301px) and (max-width: 13800138000px)
{body{width:1280px;margin: auto;}#info #left{width: 830px; margin-top: 0;}}
@media screen and (min-width: 981px) and (max-width: 9999px)
{#place{display:none;}}
@media screen and (min-width: 10px) and (max-width: 800px)
{#ad,#commentpostad,#links{display:none;}#foot{margin-top: 20px;}}







<!--左边部分-->
#gonggao, #nav, #left #place, #left #place i {
    background: rgba(40, 40, 40, 0.96) none repeat scroll 0 0 !important;
}

#left #post, #links, #foot, #right dl, .pagenav, #left #neir, #comments, .readmore, #left #place {
    background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0 !important;
    opacity: 0.98;
}

#post dt span {
    background-color: #ff0a1b;
}

.bdcs-container {
    overflow: visible;
}
.bdcs-container .bdcs-clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.bdcs-container .bdcs-main, .bdcs-container .bdcs-main * {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    clear: none;
    float: none;
    height: auto;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    text-align: left;
    transition: none 0s ease 0s ;
    white-space: nowrap;
    width: auto;
    word-wrap: normal;
}
#bdcs-search-inline {
    height: 38px;
}
.bdcs-container .bdcs-search {
    float: left;
}
.bdcs-container .bdcs-search {
    overflow: visible;
    position: relative;
}
.bdcs-container .bdcs-search {
    background-color: #1a89ed;
    border-color: #1a89ed;
    border-radius: 5px;
    border-width: 2px;
    box-shadow: none;
    height: 36px;
    overflow: hidden;
    width: 297px;
}
.bdcs-container .bdcs-main, .bdcs-container .bdcs-main * {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    clear: none;
    float: none;
    height: auto;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    text-align: left;
    transition: none 0s ease 0s ;
    white-space: nowrap;
    width: auto;
    word-wrap: normal;
}


element.style {
    height: 36px;
    line-height: 36px;
}
.bdcs-container .bdcs-search-form-input {
    margin-right: -1px;
}
.bdcs-container .bdcs-search-form-input {
    background-color: #ffffff;
    border-color: #1a89ed;
    border-radius: 1px;
    color: #000000;
    font-family: Arial,SimSun,sans-serif;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin-right: 0;
    width: 244px;
}
.bdcs-container .bdcs-search-form-input {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    float: left;
    text-indent: 5px;
    vertical-align: top;
}

.bdcs-container .bdcs-search-form-submit {
    line-height: 34px;
}
.bdcs-container .bdcs-search-form-submit {
    height: 36px;
}
.bdcs-container .bdcs-search-form-submit {
    background-color: #1a89ed;
    border-color: #1a89ed;
    border-radius: 0;
    color: #ffffff;
    font-family: Arial,SimSun,sans-serif;
    font-size: 14px;
    height: 34px;
    width: 50px;
}
.bdcs-container .bdcs-search-form-submit {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 50px;
}
.bdcs-container .bdcs-main, .bdcs-container .bdcs-main * {
    text-align: left;
    white-space: nowrap;
    word-wrap: normal;
}

.bdcs-container .bdcs-hot {
    float: right;
}
.bdcs-container .bdcs-hot {
    height: 30px;
    line-height: 30px;
    width: 300px;
}
.bdcs-container .bdcs-hot {
    display: block;
    white-space: normal;
}

.bdcs-container .bdcs-hot-item {
    color: #000000;
    font-family: Arial,Microsoft YaHei,sans-serif;
    font-size: 14px;
}
.bdcs-container .bdcs-hot-item {
    margin-right: 10px;
}
.bdcs-container .bdcs-hot, .bdcs-container .bdcs-hot * {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    clear: none;
    float: none;
    height: auto;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    text-align: left;
    transition: none 0s ease 0s ;
    white-space: nowrap;
    width: auto;
    word-wrap: normal;
}






/* <!--第三部分(右边)--> */
.Tblogpublished ul li {
    border-bottom: 1px solid #eee;
}
.Tblogpublished li, .Tblogpublished li h4 {
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Tblogpublished ul .picbox {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    display: block;
    float: left;
    margin: 8px;
    padding: 2px;
}
.Tblogpublished ul .thumb {
    display: block;
    float: left;
}
.Tblogpublished li, .Tblogpublished li h4 {
    font-weight: normal;
    line-height: 30px;
    white-space: nowrap;
}
.Tblogpublished ul .title {
    height: 34px;
    line-height: 34px;
    margin-top: 5px;
    padding-right: 8px;
    white-space: normal;
}
.Tblogpublished ul .title {
    line-height: 34px;
    white-space: normal;
}


.Tblogpublished ul .postmeta {
    float: none;
    width: auto;
}
.postmeta {
    float: left;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.postmeta {
    float: left;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.postmeta {
    float: left;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.postmeta {
    float: left;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.Tblogpublished ul .picbox {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    display: block;
    float: left;
    margin: 8px;
    padding: 2px;
}
element.style {
    display: block;
}
.Tblogpublished ul .thumb {
    display: block;
    float: left;
}
.Tblogpublished ul .title {
    height: 34px;
    line-height: 34px;
    margin-top: 5px;
    padding-right: 8px;
    white-space: normal;
}
.Tblogpublished li h4 {
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


 

element.style {
    background-color: #666;
    background-position: -42px center;
    display: block;
}



/* <!--左边文章样式布局（其实上面已经有了）--> */
	
#left #post, #links, #foot, #right dl, .pagenav, #left #neir, #comments, .readmore, #left #place {
    background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0 !important;
    opacity: 0.98;
}